@import "partials/all-import";

body {
	@extend %primary-font;
	/*background-color:#2c3e50;*/
}

.container {
	@extend %width100perc;
	@extend %box_sizing;
	@extend %padding10;
}

h1 {
	font-size: calc-em(36px, 16px);	
}

h2 {
	font-size: calc-em(24px, 16px);
}

p {
	@extend %secondary_font_color;
	font-size: calc-em(16px, 16px);
	line-height:24px;
}

a {
	@extend %primary_font_color;
	text-decoration:none;
}

input[type="text"], textarea {
	@extend %transitionDuration05s;
	@extend %borderNone;
	@extend %padding5;
	outline: 0;
}

input[type="text"]:hover, textarea:hover {
	@extend %hoverInputs;
}

input[type="text"]:focus, textarea:focus {
	@extend %focusInputs;
}

.rp-login-wrapper {
	@extend %theme-color;
	@extend %primary_font_color;
	@extend %marginAuto;
	@extend %floatNone;
	@extend %borderRadius5px;
	@extend %padding10;
	border-bottom: 2px solid #141F29;
}

.rp-login-wrapper > h1 {
	@extend %textAlignRight;
}

input[type="text"], input[type="password"] {
	@extend %margin8-0;
	@extend %padding5;
	@extend %width100perc;
	@extend %box_sizing;	
}

input[type="submit"] {
	@extend %inputSubmit;
	@extend %button-clr;
	@extend %padding10;
	@extend %primary_font_color;
	@extend %borderRadius5px;
}

.container + p {
	@extend %textAlignCenter;
}

.rp-nav-wrapper {
	
	@extend %marginNone;
	@extend %primary_font_color;
	@extend %paddingNone;
	height:45px;
	@extend  %theme-color;

	ul {

		li {
			@extend %floatLeft;
			@extend %transitionDuration05s;	

			&:hover {
				@extend %hvr-clr;
			}

			a {
				padding: 14.7px;
				display:block;
			}
			
		}
	}
}

.removePad {
	@extend %paddingNone;
}

.removeMarg {
	@extend %marginNone;
}

.rp-adminLogout {

		@extend %marginNone;
		@extend %primary_font_color;
		@extend %paddingNone;
		@extend %floatRight;
		height:45px;
	
	ul {

		li {

			@extend %floatRight;
			@extend %transitionDuration05s;	

			&:hover {
				@extend %hvr-clr;
			}

			&:hover a i {	
				@extend %transFormScale;
			}
			
			a{
				padding: 14px;
				display:block;

				i {
					@extend %transitionDuration05s;
					
				}
			}

		}

	}
}


.clear {
	clear:both;
}

.rp-web-header{
	font-weight:bold;
}

.rp-roni {
	@extend %hvr-clr;
	@extend %box_sizing;
	@extend %primary_font_color;
	@extend %borderRadius5px;
	@extend %floatLeft;
	@extend %padding5;

}

.rp-wrapper-name {
	max-width:636px;	
}

.rp-blog-wrapper {
	@extend %box_sizing;
	@extend %borderRadius5px;
	@extend %positionRelative;
	background-color:#D7DBDD;
	padding:20px;
	margin-bottom:10px;

	ul {
		li {
			margin-right:5px;
		}
	}
}

.rp-blog-wrapper:hover .rp-blog-title {
	@extend %transformRotate0;
	-webkit-font-smoothing: antialiased;
}

h2.rp-blog-title {
	@extend %primary_font_color;
	@extend %padding10;
	@extend %borderRadius5px;
	@extend %transformRotate;
	@extend %transitionDuration05s;
	@extend %positionRelative;
	background-color: #16a085;
	display: inline-block;
	left: -30px;
	top: -20px;
}

.rp-blog-subject {
	margin-top:20px;
	
}

.rp-excerpt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rp-widget-area {
	@extend %borderRadius5px;
	@extend %padding10;
	@extend %primary_font_color;
	background-color:#e67e22;
}

.fl-access-denied {
	@extend %textAlignCenter;
	@extend %primary_font_color;
	font-size: calc-em(30px, 16px);

}

.rp-edit-blog-content {
	@extend %positionRelative;
	@extend %width100perc;
}

.button {
	@extend %displayInlineBlock;
	@extend %padding10;
	@extend %button-clr;
	@extend %borderRadius5px;
	@extend %primary_font_color;
	cursor:pointer;
}

.add-new {
	margin-bottom: calc-marg(60px, 30px);
}